import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores' // 可以直接用解构这种方式导入 模块下得方法
const piniaStore = useUserStore() // 实例pinia

const service = axios.create({
  baseURL: '/api',
  timeout: 50000
})

// 添加请求拦截器
service.interceptors.request.use(
  function (config) {
    if (piniaStore.Token) {
      config.headers['Authorization'] = 'Bearer ' + piniaStore.Token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
service.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    // console.log(piniaStore.setTokenStore)
    console.log(response)
    if (response.headers['access-token']) {
      piniaStore.setTokenStore(response.headers['access-token'])
    }
    piniaStore.setTokenStore
    if (response.data.statuscode === 10001) {
      ElMessage.error(response.data.errors)
    }

    return response.data.data
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

export default service
